<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <!-- 
      audio 引入音频文件
        音频引入时，默认情况不允许用户自己控制播放与暂停

      属性：
        controls 是否允许用户控制播放
        autoplay 音频文件是否自动播放  大部分浏览器都不会自动播放
        loop  音乐是否循环播放
    -->

    <!-- 对于支持播放的浏览器不会识别文字，直接识别source -->
    <audio controls>
      对不起您的浏览器不支持播放音频！请升级浏览器
      <source src="周杰伦 - 稻香.mp3" />
      <!-- 所有浏览器的样式都相同 -->
      <source src="周杰伦 - 稻香 .ogg" />

      <!-- 低版本浏览器的音视频引入 -->
      <embed src="周杰伦 - 稻香.mp3" type="" />
    </audio>

    <!-- 和audio相似 -->
    <video src="" controls width="500px" height="500px"></video>
  </body>
</html>
